Skip to main content

Vibe Coding - 优秀文章&项目部分

优秀文章&项目

SuperClaude × Claude Code:MCP驱动的AI编程爆改指南

点击访问原帖

主要作用

1. 认知专业化
architect:系统设计和可扩展性 frontend:用户体验和React开发 backend:API开发和性能优化 security:威胁建模和安全代码 analyzer:根因分析和调试 mentor:教学和指导 refactorer:代码质量和简化 performance:性能优化 qa:质量保证和测试
2. 工作流程标准化
提供了18个专业化的斜杠命令,涵盖开发的各个方面:发命令:/user:build、/user:dev-setup、/user:test 分析命令:/user:analyze、/user:troubleshoot、/user:improve维命令:/user:deploy、/user:migrate、/user:scan计命令:/user:design
3. 智能文档查找
通过Context7自动查找和引用官方文档,确保代码实现基于最新的最佳实践。

安装和使用方式

安装步骤

📋 命令格式规范

基本格式
重要说明
✅ 使用直接斜杠格式:/build, /analyze, /review ✅ 标志使用双破折号:—flag ✅ Persona作为通用标志使用:—persona-名称

🏗️ 开发构建类命令

1. React项目开发
用途: 使用React框架开发项目,集成Magic UI构建器和测试驱动开发
2. API后端开发
用途: 构建后端API,采用测试驱动开发和代码覆盖率检查
3. 项目初始化
用途: 初始化新项目,启用Magic UI构建器和Context7文档查找
4. 功能开发
用途: 开发特定功能,采用测试驱动开发方法

🚀必要的MCP Server添加命令

🚀测试用例

🎯 Persona角色系统

可用角色
—persona-architect - 系统架构师,专注设计和可扩展性 —persona-frontend - 前端专家,专注UX和React开发 —persona-backend - 后端专家,专注API和性能 —persona-security - 安全专家,专注威胁建模和安全代码 —persona-qa - 质量保证专家,专注测试和质量 —persona-performance - 性能专家,专注优化和瓶颈分析 —persona-analyzer - 分析专家,专注根因分析和调试 —persona-mentor - 导师专家,专注教学和指导 —persona-refactorer - 重构专家,专注代码质量和简化

🚩 通用标志说明

规划与思考
—plan - 显示执行计划(在执行前预览) —think - 标准分析模式 —think-hard - 深度分析模式 —ultrathink - 关键分析模式
MCP服务器控制
—c7 - 启用Context7文档查找 —seq - 启用Sequential深度思维 —magic - 启用Magic UI构建器 —pup - 启用Puppeteer浏览器测试
输出控制
—uc - UltraCompressed模式(约70%令牌减少) —verbose - 详细输出模式
特定功能标志
—init - 项目初始化 —feature - 功能开发 —tdd - 测试驱动开发 —coverage - 代码覆盖率 —e2e - 端到端测试 —dry-run - 预演模式 —rollback - 回滚准备

📈 复杂工作流示例

完整开发流程
问题排查流程